<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" th:href="@{/assets/css/colorbox.css}" />
<head th:include="fragments/head::header" />
<style>
	.error {
		color: #F00
	}
</style>
<body>
<div th:include="fragments/top::top"></div>
<div class="main-container" id="main-container">
	<div class="main-container-inner">
		<div th:include="fragments/left::left" class="sidebar" id="sidebar"></div>
		<div class="main-content">
			<div class="page-content">
				<div class="row">
					<div class="col-xs-12">
						<!-- PAGE CONTENT BEGINS -->
						<div class="row">
							<div class="col-xs-12">
								<h3 class="header smaller lighter blue">我提交的-审批未通过的签证申请</h3>
								<div class="table-header" style="background-color:red;">
									<form class="form-inline">
										<input type="hidden" id="operatorNo" th:value="${session.user.oaid}"/>
									</form>
								</div>
								<div class="table-responsive">
									<div id="alert" class="alert alert-success" style="display: none;" role="alert">
										<button type="button" class="close" data-dismiss="alert" aria-label="Close">
											<span aria-hidden="true">&times;</span>
										</button>
										<span id="alertText"></span>
									</div>
									<table id="sample-table-2" class="table table-striped table-bordered table-hover">
										<thead>
										<tr>
											<th>学号</th>
											<th>学生姓名</th>
											<th>操作人</th>
											<th>操作时间</th>
											<th class="hidden-480" width="200px">操作</th>
										</tr>
										</thead>
									</table>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div th:include="fragments/bottom::bottom"></div>
	</div>

	<a href="#" id="btn-scroll-up"
	   class="btn-scroll-up btn btn-sm btn-inverse"> <i
			class="icon-double-angle-up icon-only bigger-110"></i>
	</a>
</div>
<div th:include="fragments/js::js"></div>

<script th:src="@{/assets/js/jquery.validate.min.js}"></script>
<script th:src="@{/assets/js/jquery.validate.zh-CN.js}"></script>
<!-- page specific plugin scripts -->
<script th:src="@{/assets/js/jquery.dataTables.min.js}"></script>
<script th:src="@{/assets/js/jquery.dataTables.bootstrap.js}"></script>
<script th:src="@{/assets/js/date-time/moment.min.js}"></script>
<script th:src="@{/assets/js/temp.js}" charset="UTF-8"></script>
<!--图片查看器-->
<script th:src="@{/assets/js/jquery.colorbox-min.js}"></script>
<script th:src="@{/layer/layer.js}"></script>
<script th:src="@{/business/workTable/visa.js}" charset="UTF-8"></script>
<script type="text/javascript">
    <!--
    jQuery(function($) {
        var pageHelper = (function () {
            this.toDetail = function (id,studentNo) {
                window.open("/visaApply/detailPage?id=" + id+"&studentNo="+studentNo,target="_self");
            }
			return{
			    init:function () {
                    this.getQueryData();
                    this.handelQueryData();
                    this.render();
                    this.addEvent();
                },
                getQueryData:function(){
					this.oTable1;
                },
                handelQueryData:function(){

                },
                render:function(){
                    var _self = this;
                    _self.oTable1 = $('#sample-table-2').dataTable({
                        "bFilter" : false,//是否使用搜索
                        "bProcessing" : true,
                        "bDeferRender" : true,//
                        "sPaginationType" : "bs_normal",//分页样式
                        "bRetrieve" : true,//是否调用后台
                        "bServerSide" : true,//是否以后台分页
                        "sAjaxSource" : "/unPassVisaApply/query",//请求路径
                        "fnServerData" : function(sSource, aoData, fnCallback) {
                            aoData.push(

                            )
                            $.ajax({
                                "dataType" : 'json',
                                "type" : "GET",
                                "url" : sSource,
                                "data" : aoData,
                                "success" : fnCallback
                            });
                        },
                        "aaSorting" : [ [ 0, "desc" ] ],
                        "bSort":true,
                        "aoColumns" : [
                            {"sClass": "center", "bSortable": false, "mData": "student_no"},
                            {"sClass": "center", "bSortable": false,"mData": "student_name"},
                            {"sClass": "center", "bSortable": false, "mData": "operator_name"},
                            {"sClass": "center", "bSortable": false, "mData": "create_time",
                                "mRender" : function(data, type, full, meta) {
                                    if(data != null){
                                        return  moment(data).format("YYYY-MM-DD");
                                    }
                                    else
                                        return "";
                                }
                            },
                            {"sClass" : "center", "bSortable" : false, "mData" : function (data) {
                                var detail = "<a href='javascript:void(0);' onclick='toDetail(\"" + data.id + "\",\"" + data.student_no + "\")'>查看</a>&nbsp;&nbsp;&nbsp;";
                                var styleDiv = '<div class="visible-md visible-lg hidden-sm hidden-xs action-buttons">';
                                return styleDiv + detail + '</div>';
                            }}
                        ],
                        "oLanguage" : {
                            "sLengthMenu" : "每页 _MENU_条 ",
                            "sZeroRecords" : "对不起，查询不到任何相关数据",
                            "sInfo" : "当前显示 _START_ 到 _END_ 条，共 _TOTAL_ 条记录 ",
                            "sInfoEmpty" : "显示 0 到 0 条，共 0 条记录",
                            "sInfoFiltered" : "数据表中共为 _MAX_ 条记录)",
                            "sProcessing" : "正在加载中...",
                            "sSearch" : "搜索",
                            "sUrl" : "", //多语言配置文件，可将oLanguage的设置放在一个txt文件中，例：Javascript/datatable/dtCH.txt
                            "oPaginate" : {
                                "sFirst" : "第一页",
                                "sPrevious" : " 上一页 ",
                                "sNext" : " 下一页 ",
                                "sLast" : " 最后一页 "
                            }
                        }
                        //多语言配置
                    });
                },
                addEvent:function(){
                    var _self = this;
                    $("#query").click(function() {
                        oTable1.fnDraw();
                    })
                }
			}
        })();
        pageHelper.init();
    });
    -->
</script>
</body>
</html>
